<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="Content-Type" content="text/html">
	<meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
	<!-- <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"> -->
	<meta name="format-detection" content="telephone=no">
	<meta name="format-detection" content="email=no">
	<title>发现</title>
	<!-- 字体图标链接 -->
	<link rel="stylesheet" type="text/css" href="../assets/font-awesome/css/font-awesome.min.css">
	<!-- 动画swiper链接 -->
	<link rel="stylesheet" type="text/css" href="../assets/swiper/css/swiper.min.css">
	<link rel="stylesheet" type="text/css" href="../assets/animate.min.css">
	<!-- 自定义样式链接 -->
	<link rel="stylesheet" type="text/css" href="../css/find.css">
	<!-- 图标库 -->
	<link rel="stylesheet" type="text/css" href="../assets/font_icon/iconfont.css">

	<link rel="stylesheet" type="text/css" href="../css/reset.css">
	<!-- bootstrap链接 -->
	<!-- <link rel="stylesheet" type="text/css" href="../assets/bootstrap/css/bootstrap.min.css"> -->
	<!-- [if lt IE 9]
        <script src="../assets/html5shiv.min.js"></script>
		<script src=../assets/respond.min.js"></script>
   [endif] -->
	<!-- <style type="text/css">
	 	@font-face {
		      font-family: '';
		      src: url('fonts/STXINGKA.eot'); /* IE9+ */
		      src: url('fonts/STXINGKA.eot?#iefix') format('embedded-opentype'), /*IE6-IE8 */
		           url('fonts/STXINGKA.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
		           /*url('fonts/STXINGKA.woff') format('woff'), */ /* chrome、firefox */
		           url('fonts/STXINGKA.svg') format('svg'); /* iOS 4.1- */
		    }

		    
	</style> -->
	<style type="text/css">
		@font-face {
			  font-family: 'iconfont';
			  src: url('iconfont.eot');
			  src: url('iconfont.eot?#iefix') format('embedded-opentype'),
			  url('iconfont.woff') format('woff'),
			  url('iconfont.ttf') format('truetype'),
			  url('iconfont.svg#iconfont') format('svg');
			}
	</style>
	 
</head>
<body>	
		
            <!-- 头部 -->
            	<header>
            		<p>
            			发现
            			<i class="iconfont">&#xe623;</i>
            		</p>
            	</header>
            	<!-- nav -->
            	<section class="nav">
            		 <div class="find swiper-container">
				        <div class="swiper-wrapper">
				            <div class="swiper-slide imgbtn">
				            	<img src="../images/find1.png">
				            </div>
				            <div class="swiper-slide imgbtn">
				            	<img src="../images/find2.png">
				            </div>
				            <div class="swiper-slide imgbtn">
				            	<img src="../images/find2.png">
				            </div>
				            <div class="swiper-slide imgbtn">
				            	<img src="../images/find2.png">
				            </div>
				            <div class="swiper-slide imgbtn">
				            	<img src="../images/find2.png">
				            </div>
				           <!--  <div class="swiper-slide imgbtn">
				            	<img src="../images/find3.png">
				            </div> -->
				        </div>
				    </div>
            	</section>	
            	<!-- personage -->
            	<section class="personage">
            		<p class="top">
            			<span class="_personage">人物</span>
            			<a class="iconfont" href="find.html">&#xe620;换一换</a>
            		</p>
            	
	            	<section class="main-content">
	            		<div class="box">
	            			<dl>
	            				<dt>
	            					<img src="../images/personage1.png">
	            				</dt>
	            				<dd>
	            					<p class="up">
	            						<span class="_name">村上春树</span>
	            						<span class="dingyue">订阅</span>
	            					</p>
	            					<p class="down">
	            						日本后现代主义作家，毕业于早稻田大学。其作品风格基调轻盈，并被誉为日本80年代的...
	            					</p>
	            				</dd>
	            			</dl>
	            		</div>
	            		<div class="box">
	            			<dl>
	            				<dt>
	            					<img src="../images/personage2.png">
	            				</dt>
	            				<dd>
	            					<p class="up">
	            						<span class="_name">聂鲁达</span>
	            						<span class="dingyue">订阅</span>
	            					</p>
	            					<p class="down">
	            						诗人，外交家
	            					</p>
	            				</dd>
	            			</dl>
	            		</div>
	            		<div class="box">
	            			<dl>
	            				<dt>
	            					<img src="../images/personage3.png">
	            				</dt>
	            				<dd>
	            					<p class="up">
	            						<span class="_name">范雨素</span>
	            						<span class="dingyue">订阅</span>
	            					</p>
	            					<p class="down">
	            						1972年出生，湖北襄阳市襄州区打伙村人，初中毕业，在北京做育儿嫂。其《我是范雨素...
	            					</p>
	            				</dd>
	            			</dl>
	            		</div>
	            		<div class="box">
	            			<dl>
	            				<dt>
	            					<img src="../images/personage1.png">
	            				</dt>
	            				<dd>
	            					<p class="up">
	            						<span class="_name">村上春树</span>
	            						<span class="dingyue">订阅</span>
	            					</p>
	            					<p class="down">
	            						日本后现代主义作家，毕业于早稻田大学。其作品风格基调轻盈，并被誉为日本80年代的...
	            					</p>
	            				</dd>
	            			</dl>
	            		</div>
	            		<div class="box">
	            			<dl>
	            				<dt>
	            					<img src="../images/personage1.png">
	            				</dt>
	            				<dd>
	            					<p class="up">
	            						<span class="_name">村上春树</span>
	            						<span class="dingyue">订阅</span>
	            					</p>
	            					<p class="down">
	            						日本后现代主义作家，毕业于早稻田大学。其作品风格基调轻盈，并被誉为日本80年代的...
	            					</p>
	            				</dd>
	            			</dl>
	            		</div>
	            		<div class="box">
	            			<dl>
	            				<dt>
	            					<img src="../images/personage4.png">
	            				</dt>
	            				<dd>
	            					<p class="up">
	            						<span class="_name">保罗·科埃略</span>
	            						<span class="dingyue">订阅</span>
	            					</p>
	            					<!-- <p class="down">
	            						日本后现代主义作家，毕业于早稻田大学。其作品风格基调轻盈，并被誉为日本80年代的...
	            					</p> -->
	            				</dd>
	            			</dl>
	            		</div>
	            		
	            	</section>

				</section>
           
        <!-- Add Pagination -->
        <!-- <div class="swiper-p navagination"> -->
        	<footer class="footer-j">
				<div class="foot">	
					<a href="home-page.html">				
						<i class="iconfont _nav ">&#xe613;</i>
						<i class="iconfont active homepage hide">&#xe615;</i>
					</a>
				</div>
				<div class="foot">
					<a href="javascript:">
						<i class="iconfont _nav hide">&#xe617;</i>
						<i class="iconfont active discover ">&#xe679;</i>
					</a>				

				</div>
				<div class="foot">
					<a href="send.html">	
						<i class="iconfont _nav">&#xe60b;</i>
						<i class="iconfont active add hide">&#xe6bd;</i>
					</a>
				</div>
				<div class="foot">
					<a href="Welcome/Welcome.html">					
						<i class="iconfont _nav">&#xe63f;</i>
						<i class="iconfont active warn hide">&#xe640;</i>
					</a>
				
				</div>
				<div class="foot">
					<a href="wode.html">
						<i class="iconfont _nav">&#xe647;</i>
						<i class="iconfont active user hide">&#xe61f;</i>
					</a>
				</div>		
			</footer>
       	<!-- </d naviv> -->
   



	<!-- 动画swiper链接 -->
	<script type="text/javascript" src="../assets/swiper/js/swiper.min.js"></script>
	<script type="text/javascript" src="../assets/swiper.animate1.0.2.min.js"></script>

	<!-- jqurey 链接 -->
	<script type="text/javascript" src="../assets/jquery-3.2.1.min.js"></script>
	<!-- 自定义js 链接 -->
	<script type="text/javascript" src="../assets/myPlug.js"></script>
	<!-- bootstrap链接 -->
	<!-- <script type="text/javascript" src="../assets/bootstrap/js/bootstrap.min.js"></script> -->
	<!-- 自适应 -->
	<script type="text/javascript" src="../assets/flexible/flexible.debug.js"></script>
	<script type="text/javascript" src="../assets/flexible/flexible_css.debug.js"></script>

	<script language="javascript" src="../js/find.js"></script>
	
 	<script>
    	

    	 var swiper = new Swiper('.find.swiper-container', {
	        pagination: '.find.swiper-pagination',
	        slidesPerView: 3,
	        paginationClickable: true,
	        spaceBetween: 30
	    });
    </script>
	
</body>
</html>